/* 主题系统 - 只保留亮色和暗色主题 */

/* ========== CSS变量定义 ========== */
:root {
  /* 亮色主题(默认) */
  --primary-color: #409EFF;
  --primary-light: #ecf5ff;
  
  --success-color: #67C23A;
  --warning-color: #E6A23C;
  --danger-color: #F56C6C;
  --info-color: #909399;
  
  --text-primary: #303133;
  --text-regular: #606266;
  --text-secondary: #909399;
  --text-placeholder: #C0C4CC;
  
  --border-base: #DCDFE6;
  --border-light: #E4E7ED;
  --border-lighter: #EBEEF5;
  --border-extra-light: #F2F6FC;
  
  --bg-color: #F5F7FA;
  --bg-color-page: #FFFFFF;
  --bg-main: #F5F7FA;
  --bg-container: #F0F2F5;
  --bg-menu: #FFFFFF;
  --bg-header: #FFFFFF;
  --bg-card: #FFFFFF;
  
  --box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
}

/* 暗色主题 */
[data-theme="dark"] {
  --primary-color: #409EFF;
  --primary-light: #263445;
  
  --success-color: #67C23A;
  --warning-color: #E6A23C;
  --danger-color: #F56C6C;
  --info-color: #909399;
  
  --text-primary: #E5EAF3;
  --text-regular: #CFD3DC;
  --text-secondary: #A3A6AD;
  --text-placeholder: #8D9095;
  
  --border-base: #4C4D4F;
  --border-light: #363637;
  --border-lighter: #2B2B2C;
  --border-extra-light: #212122;
  
  --bg-color: #2B2B2C;
  --bg-color-page: #1E1E1F;
  --bg-main: #1A1A1B;
  --bg-container: #2B2B2C;
  --bg-menu: #2F3D4E;
  --bg-header: #2F3D4E;
  --bg-card: #2B2B2C;
  
  --box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}

/* ========== 样式应用 ========== */
/* 基础样式 */
body {
  background-color: var(--bg-main);
  color: var(--text-primary);
}

/* 主要内容区 */
.main-content {
  background-color: var(--bg-container) !important;
}

/* 导航菜单 */
.el-menu {
  background-color: var(--bg-menu);
  border-right-color: var(--border-light);
}

/* 侧边菜单项 */
.el-submenu__title, .el-menu-item {
  color: var(--text-regular);
}

.el-submenu__title:hover, 
.el-submenu__title:focus,
.el-menu-item:hover, 
.el-menu-item:focus {
  background-color: var(--primary-light);
}

.el-menu-item.is-active {
  color: var(--primary-color);
}

/* 标题和文本 */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
}





/* 弹窗 */
.el-dialog {
  background-color: var(--bg-card);
}

.el-dialog__title {
  color: var(--text-primary);
}

.el-dialog__body {
  color: var(--text-regular);
}

/* 表单 */
.el-form-item__label {
  color: var(--text-regular);
}



/* 页面主布局 */
.app-main {
  background-color: var(--bg-main);
}

/* 顶部导航栏 */
.navbar {
  background-color: var(--bg-header);
  box-shadow: var(--box-shadow);
}

/* 标签导航 */
.tags-view-container {
  background-color: var(--bg-color);
  border-bottom-color: var(--border-base);
}

.tags-view-item {
  background-color: var(--bg-card);
  border-color: var(--border-light);
  color: var(--text-regular);
}

.tags-view-item.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #ffffff;
}







/* ========== 暗色主题特殊处理 ========== */
[data-theme="dark"] {
  /* Element UI 组件暗色覆盖 */
  .el-button {
    background-color: var(--bg-card);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-button:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  .el-button--primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
  }
  
  .el-button--primary:hover {
    background-color: #66b1ff;
    border-color: #66b1ff;
    color: #ffffff;
  }
  
  .el-button--success {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: #ffffff;
  }
  
  .el-button--success:hover {
    background-color: #85ce61;
    border-color: #85ce61;
    color: #ffffff;
  }
  
  .el-button--warning {
    background-color: var(--warning-color);
    border-color: var(--warning-color);
    color: #ffffff;
  }
  
  .el-button--warning:hover {
    background-color: #ebb563;
    border-color: #ebb563;
    color: #ffffff;
  }
  
  .el-button--danger {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: #ffffff;
  }
  
  .el-button--danger:hover {
    background-color: #f78989;
    border-color: #f78989;
    color: #ffffff;
  }
  
  .el-button--info {
    background-color: var(--info-color);
    border-color: var(--info-color);
    color: #ffffff;
  }
  
  .el-button--info:hover {
    background-color: #a6a9ad;
    border-color: #a6a9ad;
    color: #ffffff;
  }
  
  .el-button--text {
    background-color: transparent;
    border-color: transparent;
    color: var(--primary-color);
  }
  
  .el-button--text:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
  }
  
  .el-button--text.el-button--danger {
    color: var(--danger-color);
  }
  
  .el-button--text.el-button--danger:hover {
    background-color: rgba(245, 108, 108, 0.1);
    color: var(--danger-color);
  }
  
  .el-button--text.el-button--success {
    color: var(--success-color);
  }
  
  .el-button--text.el-button--success:hover {
    background-color: rgba(103, 194, 58, 0.1);
    color: var(--success-color);
  }
  
  .el-button--text.el-button--warning {
    color: var(--warning-color);
  }
  
  .el-button--text.el-button--warning:hover {
    background-color: rgba(230, 162, 60, 0.1);
    color: var(--warning-color);
  }
  
  .el-button--text.el-button--info {
    color: var(--info-color);
  }
  
  .el-button--text.el-button--info:hover {
    background-color: rgba(144, 147, 153, 0.1);
    color: var(--info-color);
  }
  
  /* 使用强权重选择器确保按钮样式正确应用 */
  [data-theme="dark"] .el-button {
    background-color: var(--bg-card) !important;
    border-color: var(--border-base) !important;
    color: var(--text-regular) !important;
  }
  
  [data-theme="dark"] .el-button--primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
  }
  
  [data-theme="dark"] .el-button--success {
    background-color: var(--success-color) !important;
    border-color: var(--success-color) !important;
    color: #ffffff !important;
  }
  
  [data-theme="dark"] .el-button--warning {
    background-color: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
    color: #ffffff !important;
  }
  
  [data-theme="dark"] .el-button--danger {
    background-color: var(--danger-color) !important;
    border-color: var(--danger-color) !important;
    color: #ffffff !important;
  }
  
  [data-theme="dark"] .el-button--info {
    background-color: var(--info-color) !important;
    border-color: var(--info-color) !important;
    color: #ffffff !important;
  }
  
  [data-theme="dark"] .el-button--text {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--primary-color) !important;
  }
  
  /* 输入框暗色样式 */
  .el-input__inner,
  .el-textarea__inner {
    background-color: var(--bg-card);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-input__inner:focus,
  .el-textarea__inner:focus {
    border-color: var(--primary-color);
  }
  
  /* 选择器暗色样式 */
  .el-select .el-input__inner {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  .el-select-dropdown {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-select-dropdown__item {
    color: var(--text-regular);
  }
  
  .el-select-dropdown__item:hover {
    background-color: var(--primary-light);
  }
  
  /* 消息提示暗色样式 */
  .el-message {
    background-color: var(--bg-card);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-message__content {
    color: var(--text-regular);
  }
  
  .el-message--success {
    background-color: rgba(103, 194, 58, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
  }
  
  .el-message--warning {
    background-color: rgba(230, 162, 60, 0.1);
    border-color: var(--warning-color);
    color: var(--warning-color);
  }
  
  .el-message--error {
    background-color: rgba(245, 108, 108, 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
  }
  
  .el-message--info {
    background-color: rgba(144, 147, 153, 0.1);
    border-color: var(--info-color);
    color: var(--info-color);
  }
  
  /* 通知暗色样式 */
  .el-notification {
    background-color: var(--bg-card);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-notification__title {
    color: var(--text-primary);
  }
  
  .el-notification__content {
    color: var(--text-regular);
  }
  
  .el-notification__closeBtn {
    color: var(--text-secondary);
  }
  
  .el-notification__closeBtn:hover {
    color: var(--text-primary);
  }
  
  /* 加载遮罩暗色样式 */
  .el-loading-mask {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .el-loading-spinner {
    color: var(--primary-color);
  }
  
  .el-loading-text {
    color: var(--text-regular);
  }
  
  /* 滚动条暗色样式 */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background-color: var(--bg-color);
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: var(--border-base);
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--border-light);
  }
  
  /* 表格暗色样式增强 */
  .el-table {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  .el-table th,
  .el-table td {
    background-color: var(--bg-card);
    border-bottom-color: var(--border-lighter);
    color: var(--text-regular);
  }
  
  .el-table thead th {
    background-color: var(--bg-color);
    color: var(--text-primary);
  }
  
  .el-table tbody tr:hover > td {
    background-color: var(--primary-light);
  }
  
  /* 表格条纹效果暗色主题 */
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: var(--bg-color);
  }
  
  .el-table--striped .el-table__body tr.el-table__row--striped:hover td {
    background-color: var(--primary-light);
  }
  
  /* 确保表格边框线可见 */
  .el-table--border,
  .el-table--group {
    border-color: var(--border-base);
  }
  
  .el-table--border::after,
  .el-table--group::after {
    background-color: var(--border-base);
  }
  
  .el-table--border .el-table__cell,
  .el-table--group .el-table__cell {
    border-right-color: var(--border-base);
  }
  
  .el-table--border .el-table__fixed-right-patch {
    background-color: var(--bg-color);
    border-color: var(--border-base);
  }
  
  .el-table__fixed-right::before,
  .el-table__fixed::before {
    background-color: var(--border-base);
  }
  
  /* 表格基础边框线 */
  .el-table::before {
    background-color: var(--border-base);
  }
  
  .el-table__body-wrapper::before {
    background-color: var(--border-base);
  }
  
  /* 表格行边框 */
  .el-table td,
  .el-table th {
    border-bottom: 1px solid var(--border-lighter);
  }
  
  /* 表格列边框 */
  .el-table--border th,
  .el-table--border td {
    border-right: 1px solid var(--border-base);
  }
  
  /* 使用强权重选择器确保表格样式正确应用 */
  [data-theme="dark"] .el-table,
  [data-theme="dark"] .el-table th,
  [data-theme="dark"] .el-table td {
    background-color: var(--bg-card) !important;
    color: var(--text-regular) !important;
    border-bottom-color: var(--border-lighter) !important;
  }
  
  [data-theme="dark"] .el-table thead th {
    background-color: var(--bg-color) !important;
    color: var(--text-primary) !important;
  }
  
  [data-theme="dark"] .el-table::before,
  [data-theme="dark"] .el-table__body-wrapper::before {
    background-color: var(--border-base) !important;
  }
  
  [data-theme="dark"] .el-table--border th,
  [data-theme="dark"] .el-table--border td {
    border-right-color: var(--border-base) !important;
  }
  
  /* 卡片暗色样式增强 */
  .el-card {
    background-color: var(--bg-card);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-card__header {
    background-color: var(--bg-color);
    border-bottom-color: var(--border-light);
    color: var(--text-primary);
  }
  
  .el-card__body {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  /* 面板暗色样式 */
  .el-panel {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-panel__header {
    background-color: var(--bg-color);
    color: var(--text-primary);
  }
  
  /* 标签页暗色样式 */
  .el-tabs__header {
    background-color: var(--bg-color);
    border-bottom-color: var(--border-base);
  }
  
  .el-tabs__item {
    color: var(--text-regular);
  }
  
  .el-tabs__item.is-active {
    color: var(--primary-color);
  }
  
  .el-tabs__content {
    background-color: var(--bg-card);
  }
  
  /* 分页器暗色样式增强 */
  .el-pagination {
    background-color: transparent;
    color: var(--text-regular);
  }
  
  .el-pagination button {
    background-color: var(--bg-card);
    color: var(--text-regular);
    border-color: var(--border-base);
  }
  
  .el-pager li {
    background-color: var(--bg-card);
    color: var(--text-regular);
    border-color: var(--border-base);
  }
  
  .el-pager li.active {
    color: var(--primary-color);
    background-color: var(--primary-light);
  }
  
  /* 下拉菜单暗色样式增强 */
  .el-dropdown-menu {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-dropdown-menu__item {
    color: var(--text-regular);
  }
  
  .el-dropdown-menu__item:hover {
    background-color: var(--primary-light);
  }
  
  /* 弹窗暗色样式增强 */
  .el-dialog {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-dialog__header {
    background-color: var(--bg-color);
    border-bottom-color: var(--border-light);
  }
  
  .el-dialog__title {
    color: var(--text-primary);
  }
  
  .el-dialog__body {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  /* 表单暗色样式增强 */
  .el-form-item__label {
    color: var(--text-regular);
  }
  
  .el-form-item__content {
    color: var(--text-regular);
  }
  
  /* 标签暗色样式 */
  .el-tag {
    background-color: var(--bg-color);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-tag--success {
    background-color: rgba(103, 194, 58, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
  }
  
  .el-tag--danger {
    background-color: rgba(245, 108, 108, 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
  }
  
  .el-tag--warning {
    background-color: rgba(230, 162, 60, 0.1);
    border-color: var(--warning-color);
    color: var(--warning-color);
  }
  
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
    border-color: var(--info-color);
    color: var(--info-color);
  }
  
  .el-tag--primary {
    background-color: rgba(64, 158, 255, 0.1);
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  /* 不同effect的标签样式 */
  .el-tag--dark {
    background-color: var(--text-primary);
    border-color: var(--text-primary);
    color: var(--bg-card);
  }
  
  .el-tag--dark.el-tag--success {
    background-color: var(--success-color);
    border-color: var(--success-color);
    color: #ffffff;
  }
  
  .el-tag--dark.el-tag--danger {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: #ffffff;
  }
  
  .el-tag--dark.el-tag--warning {
    background-color: var(--warning-color);
    border-color: var(--warning-color);
    color: #ffffff;
  }
  
  .el-tag--dark.el-tag--info {
    background-color: var(--info-color);
    border-color: var(--info-color);
    color: #ffffff;
  }
  
  .el-tag--dark.el-tag--primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
  }
  
  .el-tag--plain {
    background-color: transparent;
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .el-tag--plain.el-tag--success {
    border-color: var(--success-color);
    color: var(--success-color);
  }
  
  .el-tag--plain.el-tag--danger {
    border-color: var(--danger-color);
    color: var(--danger-color);
  }
  
  .el-tag--plain.el-tag--warning {
    border-color: var(--warning-color);
    color: var(--warning-color);
  }
  
  .el-tag--plain.el-tag--info {
    border-color: var(--info-color);
    color: var(--info-color);
  }
  
  .el-tag--plain.el-tag--primary {
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  /* 头像暗色样式 */
  .el-avatar {
    background-color: var(--bg-color);
    color: var(--text-regular);
  }
  
  /* 单选组暗色样式 */
  .el-radio-group {
    color: var(--text-regular);
  }
  
  .el-radio__label {
    color: var(--text-regular);
  }
  
  .el-radio__input.is-checked + .el-radio__label {
    color: var(--primary-color);
  }
  
  /* 复选框暗色样式 */
  .el-checkbox__label {
    color: var(--text-regular);
  }
  
  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--primary-color);
  }
  
  /* 开关暗色样式 */
  .el-switch__label {
    color: var(--text-regular);
  }
  
  .el-switch__label.is-active {
    color: var(--primary-color);
  }
  
  /* 滑块暗色样式 */
  .el-slider__runway {
    background-color: var(--border-light);
  }
  
  .el-slider__bar {
    background-color: var(--primary-color);
  }
  
  .el-slider__button {
    border-color: var(--primary-color);
  }
  
  /* 进度条暗色样式 */
  .el-progress-bar__outer {
    background-color: var(--border-light);
  }
  
  .el-progress-bar__inner {
    background-color: var(--primary-color);
  }
  
  .el-progress__text {
    color: var(--text-regular);
  }
  
  /* 时间选择器暗色样式 */
  .el-time-panel {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-time-panel__content {
    background-color: var(--bg-card);
  }
  
  .el-time-spinner__item {
    color: var(--text-regular);
  }
  
  .el-time-spinner__item.active {
    color: var(--primary-color);
  }
  
  /* 日期选择器暗色样式 */
  .el-picker-panel {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-picker-panel__content {
    background-color: var(--bg-card);
  }
  
  .el-date-table th {
    color: var(--text-regular);
  }
  
  .el-date-table td {
    color: var(--text-regular);
  }
  
  .el-date-table td.available:hover {
    color: var(--primary-color);
  }
  
  .el-date-table td.current {
    background-color: var(--primary-color);
    color: #ffffff;
  }
  
  /* 级联选择器暗色样式 */
  .el-cascader-panel {
    background-color: var(--bg-card);
    border-color: var(--border-base);
  }
  
  .el-cascader-menu {
    background-color: var(--bg-card);
    border-right-color: var(--border-base);
  }
  
  .el-cascader-node {
    color: var(--text-regular);
  }
  
  .el-cascader-node:hover {
    background-color: var(--primary-light);
  }
  
  .el-cascader-node.is-active {
    color: var(--primary-color);
    background-color: var(--primary-light);
  }
  
  /* 统计卡片暗色样式 */
  .stat-card,
  .data-overview-card {
    background-color: var(--bg-card);
    border-color: var(--border-base);
    color: var(--text-regular);
  }
  
  .stat-card .card-header,
  .data-overview-card .card-header {
    background-color: var(--bg-color);
    color: var(--text-primary);
    border-bottom-color: var(--border-light);
  }
  
  /* el-descriptions组件基础样式 */
  .el-descriptions {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  .el-descriptions__header {
    background-color: var(--bg-color);
    color: var(--text-primary);
  }
  
  .el-descriptions__title {
    color: var(--text-primary);
  }
  
  .el-descriptions__body {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  .el-descriptions__table {
    background-color: var(--bg-card);
  }
  
  .el-descriptions__cell {
    background-color: var(--bg-card);
    color: var(--text-regular);
    border-color: var(--border-base);
  }
  
  .el-descriptions__label {
    background-color: var(--bg-color);
    color: var(--text-primary);
    border-color: var(--border-base);
  }
  
  .el-descriptions__content {
    background-color: var(--bg-card);
    color: var(--text-regular);
    border-color: var(--border-base);
  }
  
  /* 确保descriptions组件的边框线可见 */
  .el-descriptions--border .el-descriptions__cell {
    border-color: var(--border-base);
  }
  
  .el-descriptions--border .el-descriptions__label {
    border-color: var(--border-base);
  }
  
  .el-descriptions--border .el-descriptions__content {
    border-color: var(--border-base);
  }
  

  

  

  
  /* 最近登录记录表格暗色样式 */
  .login-records-table,
  .recent-login-table {
    background-color: var(--bg-card);
  }
  
  .login-records-table .el-table,
  .recent-login-table .el-table {
    background-color: var(--bg-card);
  }
  
  .login-records-table .el-table th,
  .recent-login-table .el-table th {
    background-color: var(--bg-color);
    color: var(--text-primary);
  }
  
  .login-records-table .el-table td,
  .recent-login-table .el-table td {
    background-color: var(--bg-card);
    color: var(--text-regular);
  }
  
  /* Layout组件暗色样式 */
  .layout-container {
    background-color: var(--bg-main);
  }
  
  .sidebar-container {
    background-color: var(--bg-menu);
    border-right-color: var(--border-base);
  }
  
  .logo-container {
    background-color: var(--bg-header);
    border-bottom-color: var(--border-base);
  }
  
  .logo-title,
  .logo-title-collapse {
    color: var(--text-primary);
  }
  
  .header {
    background-color: var(--bg-header);
    border-bottom-color: var(--border-base);
    box-shadow: var(--box-shadow);
  }
  
  .page-title {
    background-color: var(--primary-light);
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  .right-menu {
    color: var(--text-regular);
  }
  
  .avatar-wrapper {
    color: var(--text-regular);
  }
  
  .avatar-wrapper:hover {
    color: var(--primary-color);
  }
  
  .tabs-nav-container {
    background-color: var(--bg-color);
    border-bottom-color: var(--border-base);
  }
  
  .main-content {
    background-color: var(--bg-main);
  }
  
  /* 侧边菜单暗色样式增强 */
  .sidebar-menu {
    background-color: var(--bg-menu);
  }
  
  .sidebar-menu .el-menu-item,
  .sidebar-menu .el-submenu__title {
    color: var(--text-regular);
    background-color: var(--bg-menu);
  }
  
  .sidebar-menu .el-menu-item:hover,
  .sidebar-menu .el-submenu__title:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
  }
  
  .sidebar-menu .el-menu-item.is-active {
    background-color: var(--primary-color);
    color: #ffffff;
  }
  
  .sidebar-menu .el-submenu .el-menu-item {
    background-color: var(--bg-color);
    color: var(--text-regular);
  }
  
  .sidebar-menu .el-submenu .el-menu-item:hover {
    background-color: var(--primary-light);
    color: var(--primary-color);
  }
  
  .sidebar-menu .el-submenu .el-menu-item.is-active {
    background-color: var(--primary-color);
    color: #ffffff;
  }
}

/* ========== 过渡动画 ========== */
/* 所有变量的过渡效果 */
:root {
  transition: 
    --primary-color 0.5s ease,
    --bg-color 0.5s ease,
    --text-primary 0.5s ease,
    --text-regular 0.5s ease,
    --border-base 0.5s ease,
    --bg-main 0.5s ease,
    --bg-container 0.5s ease,
    --bg-menu 0.5s ease,
    --bg-header 0.5s ease,
    --bg-card 0.5s ease;
}

/* 全局元素过渡 */
body,
#app,
.el-container,
.el-main,
.el-header,
.el-footer,
.el-aside,
.el-menu,
.sidebar-container,
.main-container,
.header,
.main-content {
  transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

/* 内容元素过渡 */
.el-card,
.el-button,
.el-input,
.el-input__inner,
.el-table,
.el-table th,
.el-table td,
.el-form-item__label,
.el-pagination,
.el-pagination button,
.el-pagination span,
.el-pagination li,
.el-dialog,
.el-tag,
.el-dropdown-menu,
.el-dropdown-menu__item {
  transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}

/* 文本和图标过渡 */
h1, h2, h3, h4, h5, h6, p, span, a, i {
  transition: color 0.3s;
}

/* 主题切换时的标记类增强动画 */
html.theme-transitioning * {
  transition-duration: 0.6s !important;
}

/* 表格行交错过渡 */
html.theme-transitioning .el-table__row:nth-child(1) { transition-delay: 0.05s !important; }
html.theme-transitioning .el-table__row:nth-child(2) { transition-delay: 0.1s !important; }
html.theme-transitioning .el-table__row:nth-child(3) { transition-delay: 0.15s !important; }
html.theme-transitioning .el-table__row:nth-child(4) { transition-delay: 0.2s !important; }
html.theme-transitioning .el-table__row:nth-child(5) { transition-delay: 0.25s !important; }

/* 为侧边菜单添加级联效果 */
html.theme-transitioning .el-menu-item:nth-child(1) { transition-delay: 0.05s !important; }
html.theme-transitioning .el-menu-item:nth-child(2) { transition-delay: 0.1s !important; }
html.theme-transitioning .el-menu-item:nth-child(3) { transition-delay: 0.15s !important; }
html.theme-transitioning .el-menu-item:nth-child(4) { transition-delay: 0.2s !important; }
html.theme-transitioning .el-menu-item:nth-child(5) { transition-delay: 0.25s !important; } 

 